<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thylemeaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<style>

    .hiddenLi{
        display: none;
    }

    #seekBtn {
        width: 65px;
        height: 40px;
        display: inline-block;
    }

</style>

<body>

<nav class="navbar navbar-default" id="nav">

    <ul class="layui-nav layui-bg-blue" lay-filter="">
        <div style="display: inline-block; margin-right: 20px;">
            <img src="img/logo2.png" style="width: 45px;height: 45px;"/>
        </div>
        <li th:class="${activeUrl=='index02.html'?'layui-this layui-nav-item hiddenLi':'layui-nav-item '}" ><a href="index02.html">二手汽车</a></li>
        <li th:class="${activeUrl=='index03.html'?'layui-this layui-nav-item hiddenLi':'layui-nav-item '}" ><a href="index03.html">智能汽车</a></li>
        <li th:class="${activeUrl=='centre.html'?'layui-this layui-nav-item ':'layui-nav-item '}" ><a href="centre.html">汽车处理</a></li>

        <li id="dis2" th:class="${activeUrl=='register.html'?'layui-this layui-nav-item navbar-right':'layui-nav-item navbar-right'}" ><a href="register.html">注册</a></li>
        <li id="dis1" th:class="${activeUrl=='login.html'?'layui-this layui-nav-item navbar-right':'layui-nav-item navbar-right'}" ><a href="login.html">登录</a></li>

        <li id="dis3" class="layui-nav-item navbar-right">
            <a href="javascript:;">我的</a>
            <dl class="layui-nav-child">
                <dd><a href="upload.html">我要卖车</a></dd>
                <dd><a href="shopCart.html">收藏</a></dd>
                <dd><a href="user/logout.do">注销</a></dd>
            </dl>
        </li>

        <div style="display: inline-block;margin:10px 10px 10px 0; " class="navbar-right">
            <div style="display: inline-block;margin: 0 auto; color: #0C0C0C;" >
                <input type="text" id="seekEditText" placeholder="查找"  class="layui-input">
            </div>
            <button id="seekBtn" class="layui-btn" >搜索</button>
        </div>
    </ul>
</nav>

<!-- nav部分 -->
<div class="nav " id="nav_2">
    <div class="layui-container">
        <!-- 公司logo -->

        <div class="nav-list">
            <div style="margin-top: 15px;">
                <img src="img/logo2.png" style="width: 45px;height: 45px;"/>
                <span style="font-weight: bold;font-size: 18px;">个名字叫智能汽车</span>
            </div>
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item"><a href="index02.html">首页</a></li>
                <li class="layui-nav-item"><a href="centre.html">预约</a></li>
                <li class="layui-nav-item"><a href="xinnengyuan.html">智能汽车介绍</a></li>
                <li class="layui-nav-item"><a href="lianxi.html">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>

<!--页脚部分，写作者，图片还有各种介绍-->
<footer class="text-center" style="margin-top: 50px;" id="footer">
    <!--翻页条-->
    <div class="copyright">
        <div class="copyright_c">
            <div class="copyright_head">
                <div class="copyright_L">
				<span>
			<em>服务时间：</em>
			<em>周一至周日  9:00-18:00</em>
		</span>
                    <span>
			<em>客服电话：</em>
			<strong>5200-888-8888</strong>
		</span>
                    <span>
			<em>客服QQ：</em>
			<a href="#" >在线交谈</a>
		</span>
                </div>
                <div class="copyright_C">
                    <div class="copyright_C_list">
                        <p>关于我们</p>
                        <div class="about">
                            <a href="#">汽车线下</a>
                        </div>
                        <div class="about">
                            <a href="#">知识产权</a>
                        </div>
                        <div class="about">
                            <a href="#">联系我们</a>
                        </div>
                    </div>
                    <div class="copyright_C_list">
                        <p>产品服务</p>
                        <div class="about">

                            <a href="#">汽车换新</a>
                        </div>
                        <div class="about">

                            <a href="#">实体店</a>
                        </div>
                        <div class="about">

                            <a href="#">待加盟</a>
                        </div>
                    </div>
                    <div class="copyright_C_list">
                        <p>汽车服务</p>
                        <div class="about">
                            <a href="#">废车换新</a>
                        </div>
                        <div class="about">
                            <a href="#">线下预约</a>
                        </div>
                        <div class="about">
                            <a href="#">上门处理</a>
                        </div>
                    </div>
                </div>
                <div class="copyright_R">
                    <span><img src="res/static/img/erweima.jpg"  /></span>
                    <p>扫描关注微信公众号</p>
                </div>
            </div>
            <div class="copyright_bottom">
                <span>广东南方职业学院@版权所有  </span>
                <p>创建智能美好的5G智能时代</p>
            </div>
        </div>
    </div>
</footer>


</body>
</html>